<template>
  <div id="app">
  <Home></Home>
 </div>
</template>
<script>
import Home from './components/home'
export default {
  components:{
    Home
  },
  data(){
    return{}
  }
}
</script>
<style lang="less">
html,body{
  background-color: #ffffff;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
div.v-modal{
  z-index:1 !important;
}
a{
  text-decoration: none;
  cursor:pointer;
}

#app{
  height: 100%;
  width: 100%;
}
// html,body{
//   padding: 0;
//   margin: 0;
//   height: 100%;
//   width: 100%;
// }
// #app{
//   height: 100%;
//   width: 100%;
//   overflow: hidden;
// }
// .header{
//   height: 30px !important ;
//   text-align: center;
//   background:#67bb98;
//   font-size: 20px;
//   font-weight: 700;
 
// }
// .aside-container{
//   height: 100%;
//   background: rgb(148, 211, 190);

//     .aside-link{
//       width: 100%;
//       display: block;
//       text-align: center;
//       text-decoration: none;
//       height: 30px;
//     }
//     .aside-link:hover{
//       background: rgb(86, 201, 209);
//       font-weight: 700;
//     }
//     .router-link-exact-active{
//       background: rgb(9, 212, 168);
//       font-weight: 700;
//     }
//     .router-link-active{
//       background: rgb(9, 212, 168);
//       font-weight: 700;
//     }
// }
// .el-container{
//   height: 100%;
// }
// .main{
//   background-color: #fafafa;
// }
  ::-webkit-scrollbar{
        width: 0px;
    }
</style>
